.app-layout[data-v-cab24839]{background-color:#f5f5f5;min-height:100vh}.hamburger-btn[data-v-cab24839]{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;left:1rem;padding:8px;position:fixed;top:1rem;transition:all .3s ease;width:40px;z-index:1002}.hamburger-btn[data-v-cab24839]:hover{background-color:#ffffff1a}.hamburger-btn.white[data-v-cab24839],.sidebar[data-v-cab24839]{color:#fff}.sidebar[data-v-cab24839]{background-color:#2c3e50;display:flex;flex-direction:column;height:100vh;left:-280px;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:1001}.sidebar.open[data-v-cab24839]{left:0}.sidebar-header[data-v-cab24839]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;height:60px;padding:0 1.5rem}.logo-text[data-v-cab24839]{font-size:1.5rem;font-weight:700;margin:0}.sidebar-nav[data-v-cab24839]{flex:1;overflow-y:auto;padding:1rem 0}.nav-item[data-v-cab24839]{cursor:pointer}.nav-link[data-v-cab24839]{align-items:center;color:#fff;display:flex;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:background-color .2s}.nav-link[data-v-cab24839]:hover{background-color:#ffffff1a}.nav-link i[data-v-cab24839]{margin-right:1rem;text-align:center;width:1.5rem}.submenu-arrow[data-v-cab24839]{font-size:.75rem;margin-left:10px;opacity:.5;transition:transform .3s ease}.submenu-arrow.rotated[data-v-cab24839]{transform:rotate(-180deg)}.submenu[data-v-cab24839]{background-color:#0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.open[data-v-cab24839]{max-height:500px}.submenu-link[data-v-cab24839]{align-items:center;color:#fff;display:flex;padding:.5rem 1.5rem .5rem 3.5rem;text-decoration:none;transition:background-color .2s}.submenu-link[data-v-cab24839]:hover{background-color:#ffffff1a}.main-content[data-v-cab24839]{min-height:100vh;padding-top:60px;transition:margin-left .3s ease}.sidebar-open[data-v-cab24839]{margin-left:280px}.top-header[data-v-cab24839]{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:60px;left:0;position:absolute;right:0;top:0;transition:left .3s ease;z-index:1000}.sidebar-open .top-header[data-v-cab24839]{left:0}.header-content[data-v-cab24839]{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 1.5rem}.page-title[data-v-cab24839]{font-size:1.1rem;font-weight:500}.user-info[data-v-cab24839]{align-items:center;display:flex;gap:1rem}.username[data-v-cab24839]{font-weight:500}.logout-btn[data-v-cab24839]{align-items:center;background-color:transparent;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.logout-btn[data-v-cab24839]:hover{background-color:#f5f5f5}.content-wrapper[data-v-cab24839]{padding:1.5rem}.overlay[data-v-cab24839]{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}@media (max-width:768px){.sidebar-open[data-v-cab24839]{margin-left:0}.sidebar-open .top-header[data-v-cab24839]{left:0}.overlay[data-v-cab24839]{display:block}}